<template>
  <div>
      <ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media" v-for="item in newsList" :key="item.id">
				<router-link :to="'/home/newsInfo/'+item.id">
					<img class="mui-media-object mui-pull-left" :src="item.img_url">
					<div class="mui-media-body">
						<h2>{{item.title}}</h2>
						<p class='mui-ellipsis'><span>{{item.add_time | dataFomat}}</span><span>点击量:{{item.click}}</span></p>
					</div>
				</router-link>
			</li>
		</ul>
  </div>
</template>

<script>
import {Toast} from 'mint-ui';
export default {
  data(){
      return {
          newsList:[]
      }
  },
  created(){
      this.getNewsList();
  },
  methods:{
      getNewsList(){
          this.$http.get('api/getnewslist').then(result=>{
              if(result.body.status === 0){
                  this.newsList = result.body.message;
              }else{
                  Toast('新闻获取失败');
              }
          })
      }
  }
}
</script>

<style lang="less" scoped>
    h2 {
        font-size: 12px;
    }
    .mui-ellipsis {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
    }
</style>
